@media screen and (max-width: 640px) {
  .index {
    &-header {
      padding: 10px !important;
      .logo {
        font-size: 28px !important;
      }
      .menu-icon {
        font-size: 24px;
        transform: translateY(2px);
      }
      .menu-list {
        position: fixed;
        left: 0;
        top: 54px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: rgba(255, 255, 255, .8);
        a.link {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 1rem;
          margin: 0 !important;
          border-bottom: 1px dashed #ccc;
          animation: toggle .3s 1;
          &:hover {
            color: #333 !important;
          }
          &.active {
            color: #4d85ff !important;
          }
          &:nth-child(1) {
            animation-duration: .3s;
          }
          &:nth-child(2) {
            animation-duration: .6s;
          }
          &:nth-child(3) {
            animation-duration: .9s;
          }
          &:nth-child(4) {
            animation-duration: 1.2s;
          }
        }
        @keyframes toggle {
          0% { transform: scaleY(0); }
          100% { transform: scaleY(100%); }
        }
      }
    }
  }

  .mall {
    margin-top: 0 !important;
    .list {
      .item {
        width: 50% !important;
        padding: 5px;
        margin: 0 !important;
        .cover, .name {
          width: calc(100% - 10px) !important;
        }
        .name {
          left: 5px !important;
        }
      }
    }
  }

  .my {
    .box {
      .item {
        width: 50% !important;
        margin: 0 !important;
        box-shadow: none !important;
        padding: 5px;
        .cover {
          height: auto !important;
        }
      }
    }
    .row {
      .item {
        box-shadow: none !important;
      }
      .cover {
        width: 100px !important;
        height: auto !important;
      }
      .title {
        font-size: 15px !important;
      }
    }
  }
}